<%-- any content can be specified here e.g.: --%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>


<h2>Test de Prueba Vocacional</h2>

<div id="alerta">
    <logic:present name="Vocacional" property="mensaje" >
        <bean:write name="Vocacional" property="mensaje" />
    </logic:present>
</div>
<script>
    function validacion1(obj) {
        limite=parseInt(obj.form.elements["preguntas["+obj.name.substring(10,11).valueOf()+"].numRespuestas"].value);
        num=0;
        if (obj.checked) {
            for (i=0; ele=obj.form.elements["preguntas["+obj.name.substring(10,11).valueOf()+"].opciones["+i+"].correcta"] ; i++){
                if (ele.checked) num++;
                if (num>limite){
                   obj.checked=false;
                   return  alert("Solo puede escoger "+ limite +" opciones en esta pregunta.");
                }
            }    
        }
    }
    
    function validacionAux(obj){
        var comp;
        num=0;
        for (i=0; opc=obj.elements["preguntas["+i+"].numRespuestas"].value ; i++){
            num=0;
            comp=false;
            for (j=0; ele=obj.elements["preguntas["+i+"].opciones["+j+"].correcta"] ; j++){
                if (ele.checked){
                    num++;
                }
                if (num==opc){
                   comp=true;
                   
                }
            }
            if(comp==false){
                alert("Seleccione la cantidad de opciones indicadas en la pregunta " + (i+1)  + ".");
                return false;
            }
        }
    }
</script>
<%--<logic:present name="Test">--%>
   <%-- <logic:empty name="Test" property="preguntas" >
        Las preguntas estan vacias
    </logic:empty>--%>
    <html:form action="/Aspirante/Vocacional?method=save" onsubmit="return validacionAux(this)">
        <html:hidden property="cedula" />
        <table>
            <tbody>
                <nested:iterate property="preguntas" type="Pregunta" >
                    <tr>
                        <td>
                            <nested:write property="descripcion" />
                        </td>
                    </tr>
                    <nested:hidden property="preguntaId" />
                    <nested:hidden property="numRespuestas" />
                    <tr>
                        <td>
                            <nested:iterate property="opciones" type="Opcion" >
                                <nested:hidden property="id" />
                                <nested:hidden property="preguntaId" />
                                <nested:checkbox property="correcta" onclick="return validacion1(this)" />
                                <nested:write property="descripcion" /><br/>
                            </nested:iterate>  
                            <br/><br/>
                        </td>
                    </tr>
                </nested:iterate>
            </tbody>
        </table>
        <div class="center" >
            <html:submit styleId="boton" >
                <bean:message key="boton.enviar" />
            </html:submit>
        </div>
    </html:form>
<%--</logic:present>--%>
